<template>
  <view class="user-money page-box">
    <view class="user-money-container">
      <view class="container-title">个人金额</view>
      <view class="container-price">4500</view>
      <view
        class="container-item-btn"
        @click="$jump('/subPages/user/technician/money/withdraw')"
      >
        提现
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
};
</script>

<style lang="scss" scoped>
.user-money {
  &-container {
    height: 368rpx;
    background: #ffffff;
    box-shadow: 0rpx 6rpx 18rpx 2rpx rgba(209, 209, 209, 0.4);
    border-radius: 15rpx;
    text-align: center;

    .container-title {
      padding: 40rpx 0;
      font-size: 32rpx;
      color: #333333;
    }

    .container-price {
      font-size: 52rpx;
      color: #333333;
      font-weight: bold;
      margin-bottom: 50rpx;
    }

    .container-item-btn {
      width: 400rpx;
      height: 88rpx;
      background: #c94117;
      border-radius: 44rpx;
      text-align: center;
      line-height: 88rpx;
      margin: 0 auto;
      font-size: 38rpx;
      color: #ffffff;
    }
  }
}
</style>
